// FAQ
<template>
<h4 id="在-sfc-文件中使用对话框-scope-样式不会生效。" tabindex="-1">在 SFC 文件中使用对话框，scope 样式不会生效。 <a class="header-anchor vp-link" href="#在-sfc-文件中使用对话框-scope-样式不会生效。" aria-label="Permalink to &quot;在 SFC 文件中使用对话框，scope 样式不会生效。&quot;">​</a></h4>
<p>典型议题：<a href="https://github.com/element-plus/element-plus/issues/10515" class="vp-link" target="_blank" rel="noreferrer">#10515<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a></p>
<p>PS：既然对话框是使用 <code>Teleport</code> 渲染的，建议在全局范围写入根节点的样式。</p>
<h4 id="当对话框被显示及隐藏时-页面元素会来回移动-抖动-。" tabindex="-1">当对话框被显示及隐藏时，页面元素会来回移动（抖动）。 <a class="header-anchor vp-link" href="#当对话框被显示及隐藏时-页面元素会来回移动-抖动-。" aria-label="Permalink to &quot;当对话框被显示及隐藏时，页面元素会来回移动（抖动）。&quot;">​</a></h4>
<p>典型议题：<a href="https://github.com/element-plus/element-plus/issues/10481" class="vp-link" target="_blank" rel="noreferrer">#10481<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a></p>
<p>PS：建议将滚动区域放置在一个挂载的 vue 节点，如 <code>&lt;div id="app" /&gt;</code> 下，并对 body 使用 <code>overflow: hidden</code> 样式。</p>
</template>
<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>